
import axios from 'axios';
import { getAccessToken, getRefreshToken, removeToken, setToken } from "@/utils/auth.js"
import errorCode from '@/utils/errorCode'
import { refreshToken } from "@/api/login";
import { Message, MessageBox, Notification } from 'element-ui'

// 需要忽略的提示。忽略后，自动 Promise.reject('error')
const ignoreMsgs = [
    "无效的刷新令牌", // 刷新令牌被删除时，不用提示
    "刷新令牌已过期" // 使用刷新令牌，刷新获取新的访问令牌时，结果因为过期失败，此时需要忽略。否则，会导致继续 401，无法跳转到登出界面
]

// 是否显示重新登录
export let isRelogin = { show: false };
// Axios 无感知刷新令牌，参考 https://www.dashingdog.cn/article/11 与 https://segmentfault.com/a/1190000020210980 实现
// 请求队列
let requestList = []
// 是否正在刷新中
let isRefreshToken = false

axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'

const service = axios.create({
    // 基地址
    baseURL: '/api',
    timeout: 50000
});


service.interceptors.request.use(
    config => {
        // 在请求发送之前对请求数据进行处理
        if (getAccessToken()) {
            config.headers['Authorization'] = 'Bearer ' + getAccessToken() // 携带token
        }
        return config;
    },
    error => {
        // 对请求错误做些什么
        console.log(error);
        Promise.reject(error);
    }
);

// 响应拦截器
// 响应拦截器
service.interceptors.response.use(async res => {
    // 未设置状态码则默认成功状态
    const code = res.data.code || 200;
    // 获取错误信息
    const msg = res.data.msg || errorCode[code] || errorCode['default']
    if (code === 401) {
        // 如果未认证，并且未进行刷新令牌，说明可能是访问令牌过期了
        if (!isRefreshToken) {
            isRefreshToken = true;
            // 1. 如果获取不到刷新令牌，则只能执行登出操作
            if (!getRefreshToken()) {
                return handleAuthorized();
            }
            // 2. 进行刷新访问令牌
            try {
                const refreshTokenRes = await refreshToken()
                // 2.1 刷新成功，则回放队列的请求 + 当前请求
                setToken(refreshTokenRes.data)
                requestList.forEach(cb => cb())
                return service(res.config)
            } catch (e) {// 为什么需要 catch 异常呢？刷新失败时，请求因为 Promise.reject 触发异常。
                // 2.2 刷新失败，只回放队列的请求
                requestList.forEach(cb => cb())
                // 提示是否要登出。即不回放当前请求！不然会形成递归
                return handleAuthorized();
            } finally {
                requestList = []
                isRefreshToken = false
            }
        } else {
            // 添加到队列，等待刷新获取到新的令牌
            return new Promise(resolve => {
                requestList.push(() => {
                    res.config.headers['Authorization'] = 'Bearer ' + getAccessToken() // 让每个请求携带自定义token 请根据实际情况自行修改
                    resolve(service(res.config))
                })
            })
        }
    } else if (code === 500) {
        Message({
            message: msg,
            type: 'error'
        })
        return Promise.reject(new Error(msg))
    } else if (code === 501) {
        Message({
            type: 'error',
            duration: 0,
            message: msg
        })
        return Promise.reject(new Error(msg))
    } else if (code === 901) {
        Message({
            type: 'error',
            duration: 0,
            dangerouslyUseHTMLString: true,
            message: '<div>演示模式，无法进行写操作</div>'
                + '<div> &nbsp; </div>'
                + '<div>参考 https://doc.iocoder.cn/ 教程</div>'
                + '<div> &nbsp; </div>'
                + '<div>5 分钟搭建本地环境</div>',
        })
        return Promise.reject(new Error(msg))
    } else if (code !== 200) {
        if (msg === '无效的刷新令牌') { // hard coding：忽略这个提示，直接登出
            console.log(msg)
        } else {
            Notification.error({
                title: msg
            })
        }
        return Promise.reject('error')
    } else {
        return res.data
    }
}, error => {
    console.log('err' + error)
    let { message } = error;
    if (message === "Network Error") {
        message = "后端接口连接异常";
    } else if (message.includes("timeout")) {
        message = "系统接口请求超时";
    } else if (message.includes("Request failed with status code")) {
        message = "系统接口" + message.substr(message.length - 3) + "异常";
    }
    Message({
        message: message,
        type: 'error',
        duration: 5 * 1000
    })
    return Promise.reject(error)
}
)

export function getBaseHeader() {
    return {
        'Authorization': "Bearer " + getAccessToken(),
        'tenant-id': getTenantId(),
    }
}

function handleAuthorized() {
    if (!isRelogin.show) {
        isRelogin.show = true;
        MessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', {
            confirmButtonText: '重新登录',
            cancelButtonText: '取消',
            type: 'warning'
        }
        ).then(() => {
            isRelogin.show = false;
            removeToken()
            window.location.href = '/login';
        }).catch(() => {
            isRelogin.show = false;
        });
    }
    return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
}


export default service;
